<!--
 * @Author: chengjiang
 * @Date: 2024-09-29 14:02:08
 * @Description: 
-->
<script setup lang="ts">
import { ref, computed } from 'vue';
const props = defineProps<{
  logoQRcode: string
}>()
const logoQRcode = computed(() => props.logoQRcode);
</script>

<template>
  <el-header style="height: 120px" height="120px">
    <div class="wrapper">
      <nav style="margin: 5px 15px">
        <img class="logo1" src="@/assets/logo.png" alt="logo" align="left" />
        <img class="logo2" :src="logoQRcode" alt="logo" style="float: right;" />
      </nav>
    </div>
  </el-header>
  <div style="border: 1px solid rgb(172, 123, 56)"></div>
</template>

<style scoped>
h1 {
  font-weight: 500;
  font-size: 1rem;
  /* top: -10px; */
}

h3 {
  font-size: 0.9rem;
  /* margin-bottom: 5px; */
}
/* .greetings {
  padding: 0 0 10px 10px;
  background-color: rgba(48, 48, 48, 0.999);
} */

.greetings h1,
.greetings h3 {
  color: rgb(186, 182, 182);
  text-align: left;
  /* margin: 10px; */
}

/* @media (min-width: 1024px) {
  .greetings h1,
  .greetings h3 {
    text-align: left;
  }
} */
</style>
